// 该样式要手动写入到wxss里，不然轮播无效
// .tower-swiper .tower-item {
//   transform: scale(calc(0.5 + var(--index) / 8));
//   margin-left: calc(var(--left) * 250rpx - 190rpx);
//   z-index: var(--index);
// }

.a-resume {
	position: relative;
	width: 100%;
	.bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.swiper {
		top: 1180rpx;
	}
	.swiper1 {
		top: 1300rpx;
	}
	.share-box {
		position: relative;
		margin: 1870rpx auto 0;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: space-evenly;
		width: 640rpx;
		height: 340rpx;
		background-color: #fff;
		box-shadow: 0px 5rpx 84rpx 0px rgba(0, 0, 0, 0.75);
		border-radius: 8rpx;
		z-index: 10;
		.text {
			display: flex;
			align-items: center;
			flex-direction: column;
			.title {
				color: #333333;
				font-size: 40rpx;
				margin-bottom: 12rpx;
			}
			.info {
				color: #666666;
				font-size: 26rpx;
			}
		}
		.button-box {
			width: 100%;
			display: flex;
			justify-content: space-evenly;
			.button {
				padding: 0;
				margin: 0;
				background-color: #fff;
				border: none;
				line-height: normal;
				&::after {
					border: none;
			 	}
				.icon {
					width: 80rpx;
					height: 80rpx;
				}
				.text {
					color: #666666;
					font-size: 26rpx;
				}
			}
		}
	}
}

.tower-swiper {
	height: 550rpx;
	position: relative;
	max-width: 750rpx;
	overflow: hidden;
}

.tower-swiper .tower-item {
	position: absolute;
	width: 370rpx;
	height: 520rpx;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	transition: all 0.2s ease-in 0s;
	opacity: 1;
}

.tower-swiper .tower-item.none {
	opacity: 0;
}

.tower-swiper .tower-item .swiper-item {
	width: 100%;
	height: 100%;
	border-radius: 6rpx;
	overflow: hidden;
	.img {
		width: 370rpx;
		height: 520rpx;
	}
}
